<header>
  <div class="head-left" (click)="goBack();">
    <i class="fa fa-chevron-left"></i>
  </div>
  <div class="head-content">
    <span>设置</span>
  </div>
  <div class="head-right"></div>
</header>
<div class="content" [@aroAnimation]="'fadeIn'">

  <mat-list class="user-section">
    <mat-list-item (click)="resetPassword_onclick();" *ngIf="readerId">
      <div class="list-item">
        <i class="fa fa-book"></i>
        <span>重置密码</span>
        <i class="fa fa-chevron-right"></i>
      </div>
      <mat-divider></mat-divider>
    </mat-list-item>

    <mat-list-item>
      <div class="list-item">
        <i class="fa fa-bookmark"></i>
        <span>消息通知</span>
        <i class="fa fa-chevron-right"></i>
      </div>
      <mat-divider></mat-divider>
    </mat-list-item>

    <mat-list-item>
      <div class="list-item">
        <i class="fa fa-map-marker"></i>
        <span>空间清理</span>
        <i class="fa fa-chevron-right"></i>
      </div>

    </mat-list-item>
  </mat-list>



  <div class="log-out" *ngIf="readerId">
    <button mat-button (click)="logOut_onclick();">
      退出当前账号
    </button>
  </div>
</div>
